<template>
  <el-dialog :title="title" :visible.sync="openDialog_" width="60%" center>
    <el-form ref="form" :model="form" inline>
<!--        <el-form-item label="企业">-->
<!--            <el-input v-model="form.shtyxydm" placeholder="请输入统一社会信用代码" prefix-icon="el-icon-search"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--            <el-button type="primary" @click="onSearch" round>查询</el-button>-->
<!--        </el-form-item>-->

<!--        <div class="message" v-if="show">-->
<!--            <div class="module">-->
<!--                <el-tabs v-model="active">-->
<!--                    <el-tab-pane label="企业信息" name="first">-->
<!--                        <table class="detailtable">-->
<!--                            <tr>-->
<!--                                <td width="15%">企业名称</td>-->
<!--                                <td>{{dataList.qymc}}</td>-->
<!--                                <td width="15%">统一社会信用代码</td>-->
<!--                                <td>{{dataList.shtyxydm}}</td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td width="15%">注册时间</td>-->
<!--                                <td>{{dataList.clrq}}</td>-->
<!--                                <td width="15%">注册资金</td>-->
<!--                                <td>{{dataList.zczb}}</td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td width="15%">所属行业</td>-->
<!--                                <td>{{dataList.sshy}}</td>-->
<!--                                <td width="15%">所属区域</td>-->
<!--                                <td>{{dataList.ssqu}}</td>-->
<!--                            </tr>-->
<!--&lt;!&ndash;                            <tr>&ndash;&gt;-->
<!--&lt;!&ndash;                                <td width="15%">企业类型</td>&ndash;&gt;-->
<!--&lt;!&ndash;                                <td v-if="dataList.qylx">{{dataList.qylx | filterQylx(qylxList)}}</td>&ndash;&gt;-->
<!--&lt;!&ndash;                                <td v-else></td>&ndash;&gt;-->
<!--&lt;!&ndash;                                <td width="15%">联系方式</td>&ndash;&gt;-->
<!--&lt;!&ndash;                                <td>{{dataList.dh}}</td>&ndash;&gt;-->
<!--&lt;!&ndash;                            </tr>&ndash;&gt;-->
<!--                            <tr>-->
<!--                                <td width="15%">注册地址</td>-->
<!--                                <td>{{dataList.zs}}</td>-->
<!--                                <td></td>-->
<!--                                <td></td>-->
<!--                            </tr>-->
<!--                        </table>-->
<!--                    </el-tab-pane>-->
<!--                </el-tabs>-->
<!--            </div>-->
<!--            <div class="module">-->
<!--                <el-tabs v-model="activeName">-->
<!--                    <el-tab-pane label="法人信息" name="first">-->
<!--                        <table class="detailtable">-->
<!--                            <tr>-->
<!--                                <td width="15%">姓名</td>-->
<!--                                <td>{{dataList.fddbr}}</td>-->
<!--                                <td width="15%">性别</td>-->
<!--                                <td>{{dataList.xb}}</td>-->
<!--                                <td width="15%">出生日期</td>-->
<!--                                <td>{{dataList.csrq}}</td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td width="15%">籍贯</td>-->
<!--                                <td>{{dataList.jg}}</td>-->
<!--                                <td width="15%">婚姻状况</td>-->
<!--                                <td>{{dataList.hyzk}}</td>-->
<!--                                <td width="15%">学历</td>-->
<!--                                <td>{{dataList.xl}}</td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td width="15%">身份证号</td>-->
<!--                                <td>{{dataList.sfzjhm}}</td>-->
<!--                                <td width="15%">联系方式</td>-->
<!--                                <td>{{dataList.lxdh}}</td>-->
<!--                                <td width="15%">邮箱</td>-->
<!--                                <td>{{dataList.yx}}</td>-->
<!--                            </tr>-->
<!--                            <tr>-->
<!--                                <td width="15%">联系地址</td>-->
<!--                                <td>{{dataList.zs}}</td>-->
<!--                                <td width="15%"></td>-->
<!--                                <td></td>-->
<!--                                <td width="15%"></td>-->
<!--                                <td></td>-->
<!--                            </tr>-->
<!--                        </table>-->
<!--                    </el-tab-pane>-->
<!--                </el-tabs>-->
<!--            </div>-->
<!--            <div class="module" v-if="isBalck">-->
<!--                <el-tabs v-model="activeName">-->
<!--                    <el-tab-pane label="列入原因" name="first">-->
<!--                        <el-form-item label="黑名单类型">-->
<!--                            <el-select v-model="form.hmdzl" placeholder="请选择黑名单类型">-->
<!--                                <el-option-->
<!--                                v-for="item in options"-->
<!--                                :key="item.value"-->
<!--                                :label="item.label"-->
<!--                                :value="item.value">-->
<!--                                </el-option>-->
<!--                            </el-select>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="列入原因">-->
<!--                            <el-input v-model="form.addCase" placeholder="请输入列入原因"></el-input>-->
<!--                        </el-form-item>-->
<!--                        &lt;!&ndash; <table class="detailtable">-->
<!--                            <tr>-->
<!--                                <td width="15%">黑名单类型</td>-->
<!--                                <td>{{dataList.hmdzl}}</td>-->
<!--                                <td width="15%">列入原因</td>-->
<!--                                <td>{{dataList.addCase}}</td>-->
<!--                            </tr>-->
<!--                        </table> &ndash;&gt;-->
<!--                    </el-tab-pane>-->
<!--                </el-tabs>-->
<!--            </div>-->
<!--            <div class="dialog-footer">-->
<!--                <el-button @click="resetForm" type="primary" plain round>重置</el-button>-->
<!--                <el-button @click="openDialog_ = false" type="primary" plain round>取消</el-button>-->
<!--                <el-button type="primary" @click="submit" round>保存</el-button>-->
<!--            </div>-->
<!--        </div>-->
    </el-form>
  </el-dialog>
</template>

<script>
// import {getAllC} from '@/api/manager.js'

export default {
    name:'Auth',
    props:['openDialog','title','black'],
    data(){
        return{
            form:{},
            dataList:{},
            show:false,
            //  rules: {
            //     xb: [
            //         { required: true, message: '性别不能为空', trigger: 'blur' },
            //     ],
            //     hyzk:[
            //         { required: true, message: '婚姻状况不能为空', trigger: 'blur' },
            //     ],
            //     sfzjhm:[
            //         { required: true, message: '身份证号不能为空', trigger: 'blur' },
            //     ],
            //     lxdh:[
            //         { required: true, message: '联系方式不能为空', trigger: 'blur' },
            //     ],
            //     zs:[
            //         { required: true, message: '联系地址不能为空', trigger: 'blur' },
            //     ]
            // },
            active:'first',
            activeName:'first',
            options:[
                {label:'存在强制执行',value:'存在强制执行'},
                {label:'负债较高',value:'负债较高'},
                {label:'多次逾期',value:'多次逾期'},
                {label:'其他',value:'其他'}
            ]
        }
    },
    methods:{
        // submit(){
        //     let params = {
        //         addCase:this.form.addCase,
        //         hmdzl:this.form.hmdzl,
        //         shtyxydm:this.form.shtyxydm
        //     }
        //     this.$emit("save",params);
        // },
        // resetForm(){
        //     this.form = {};
        //     this.dataList = {};
        //     this.show = false;
        //     //this.$refs["formMsg"].clearValidate();
        // },
        // onSearch(){
        //     let params = {
        //         shtyxydm:this.form.shtyxydm
        //     }
        //     // getAllC(params).then(res=>{
        //     //     if(res.status){
        //     //         this.show = true;
        //     //         this.dataList = res.data;
        //     //     }
        //     // });
        // }
    },
    filters:{
        // filterQylx(val,qylxList){
        //     return qylxList.filter(item=>item.fieldCode == val)[0].fieldName;
        // }
    },
    computed:{
        openDialog_:{
            get(){
                return this.openDialog;
            },
            set(val){
                this.$emit("handleReset",val);
                if(!val){
                    this.resetForm();
                }
            }
        },
        isBalck:{
            get(){
                return this.black == 'black'?true:false;
            },
        }

    },

}
</script>

<style scoped lang="scss">
/*.dialog-footer {*/
/*  text-align: center;margin: 20px auto;*/
/*}*/
/*.title{*/
/* font-weight: 900;*/
/*}*/
/*.detailtable{width: 100%; border-collapse: collapse; border-spacing: 0; border:#e5e5e5 solid 1px;}*/
/*.detailtable tr{width: 100%;}*/
/*.detailtable td{ padding: 8px 10px; text-align: left; line-height: 24px; font-size: 14px; color:#434343;  border:#e5e5e5 solid 1px;}*/
/*.detailtable td{font-weight: normal; background-color:#fff}*/
/*.detailtable td{word-break:break-all;}*/
/*/deep/ .row{display: flex;justify-content: space-between;}*/
</style>